<template>
	<svg
		:style="{ 
			width,
			height,
			verticalAlign,
			fill: color,
			overflow,
		}"
		aria-hidden="true"
	>
		<use :xlink:href="'#' + iconName"></use>
	</svg>
</template>

<script setup>
import { defineProps } from "vue";

// 阿里图标组件

defineProps({
	iconName: {
		type: String,
		default: "icon-user",
	},
	width: {
		type: String,
		default: 1 + "em",
	},
	height: {
		type: String,
		default: 1 + "em",
	},
	verticalAlign: {
		type: String,
		default: -0.15 + "em",
	},
	color: {
		type: String,
		default: "block",
	},
	overflow: {
		type: String,
		default: "hidden",
	},
});
</script>

<style lang="less" scoped>
</style>
